<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<title>测试</title>
</head>
<body>
	<!--注释 -->
	<h1>=====================空格和换行=====================</h1>
		<p>&nbsp;这是一个<br />p标签</p>	
	<h1>=====================大于号和小于号=====================</h1>
		<p>9>2</p>
		<p>9&gt;5</p> 
		<p>2&lt;8</p>	
	<h1>=====================div 块 标签=====================</h1>
		<div>
			<h3>块标签内标题</h3>
			<em>这里是em标签 表示语气中的强调词</em><br />
			<i>这里是i便签 表示专业词汇</i><br />
			<b>这里是b标签 表示文档中的关键字或产品名</b><br />
			<strong>这里是strong标签 表示非常重要的内容</strong><br />
		</div>
	<h1>=====================图片链接=====================</h1>
	<img src="python.png" alt="python学习" /><br />	

	<a href="xtml1.html" title="跳转到百度" target="_black">跳转百度</a>
	<br />
	<br />
	<h1>=====================列表=====================</h1>
	<h2>有序列表</h2>
	<ol>
		<li>html</li>
		<li>css</li>
		<li>javascript</li>
	</ol>

	<h2>无序列表</h2>
	<ul>
		<li><a href="#">新闻标题1</a></li>
		<li>新闻标题2</li>
		<li>新闻标题3</li>
	</ul>
	<h2>定义列表</h2>
	<dl>
		<dt>html</dt>
		<dd>负责页面结构</dd>
		<dt>css</dt>
		<dd>负责页面表现</dd>
		<dt>JavaScript</dt>
		<dd>负责页面行为</dd>
	</dl>

	<h1>=====================表格=====================</h1>
	<table border="1" width="200" height = "100" >
		<tr>
			<!--表头-->
			<th>1</th>
			<th>2</th>
			<th>3</th>
		</tr>
		<tr>
			<td align="center">1</td>
			<td align="center">2</td>
			<td align="center">3</td>
		</tr>
		<tr>
			<td valign="top" >1</td>
			<td align="center">2</td>
			<td align="center">3</td>
		</tr>
		<tr>
			<td align="center">1</td>
			<td align="center">2</td>
			<td align="center">3</td>
		</tr>
	</table>		
		<h1>=====================表单=====================</h1>
		<form action="" method="post">
			<p>
			<label for="username">用户名</label>
			<input type="text" name="username" id="username" />
			</p>
			<p>
			<label>密　码</label>
			<input type="password" name="password" />
			</p>
			<p>
			<label for="">性&nbsp;&nbsp;别</label>
			<input type="radio" name="gender" value="0"> 男
			<input type="radio" name="gender" value="1"> 女
			</p>
			<div>
				<label for="">爱&nbsp;好：</label>
				<input type="checkbox" name="hobby" value="java">java
				<input type="checkbox" name="hobby" value="python">python
				<input type="checkbox" name="hobby" value="qianduan">前端
			</div>
			<div>
				<label for="">选择文件</label>
				<input type="file">
			</div>
			
			<div>
				<label for="">个人介绍：</label>
				<textarea name="" id="" cols="30" rows="10" value="info"></textarea>
			</div>


			<div>
				<label for="">籍贯</label>
				<select name="site" id="">
					<option value="0">北京</option>
					<option value="1">深圳</option>
					<option value="2">广州</option>
					<option value="3">上海</option>

				</select>
			</div>
			<div>
				<input type="submit" value="提交">
				<input type="reset" value="重置">
			</div>
		</form>

	</table>
</body>
</html>